@charset "UTF-8";
html, body { height: 100%; }

/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }

.clearfix:after { display: table; content: " "; clear: both; }

img { border: none; vertical-align: middle; }

a { text-decoration: none; color: #232323; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a:link { text-decoration: none; }

table { border-collapse: collapse; table-layout: fixed; }

.text-line { text-decoration: underline !important; }

input, textarea { outline: none; border: none; }

textarea { resize: none; overflow: auto; }

text-center { text-align: center; }

text-right { text-align: right; }

/** TODO 公用背景图**/
.runmi-icon { background-image: url(../i/icon.png); background-repeat: no-repeat; background-repeat: no-repeat; }

.locale-icon { background-image: url(../i/locale.png); background-repeat: no-repeat; width: 10px; height: 16px; display: inline-block; vertical-align: middle; }

/**  TODO 雪碧图position**/
.errer-icon { background-position: -80px -30px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; }

.arrow-right { background-position: -474px -32px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; }

.datetimepicker-icon { position: absolute; right: 4px; top: 8px; background-position: -469px -118px; width: 17px; height: 17px; }

/**  TODO layer弹窗样式**/
body .layui-layer { border-radius: 6px; overflow: hidden; }

body .layui-layer .layui-layer-title { background: #fff; }

body .layui-layer .layui-layer-btn { text-align: center; }

body .layui-layer .layui-layer-btn > a { width: 80px; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; text-align: center; }

body .layui-layer .layui-layer-btn .layui-layer-btn0 { background: #f9704d; border-color: #f9704d; }

body .layui-layer .layui-layer-btn .layui-layer-btn1 { background: #39a5f0; border-color: #39a5f0; }

/**  TODO 这里是单页面共有的样式  **/
body { background: #f6f6f6; }

.form-260 { width: 260px !important; }

.rect-fff { background: #fff; border-radius: 2px; border: 1px solid #e6e6e6; }

.form-label { color: #666; }

.page-title { height: 48px; line-height: 48px; color: #666; }

.page-title .locale-icon { margin-right: 4px; }

.page-title span { display: inline-block; vertical-align: middle; }

.page-title .cur-page-title { color: #45aaf0; }

body { padding: 0 20px; }

.c-fff { background: #fff; }

.filter-warp { padding: 20px 10px; margin-bottom: 20px; }

.filter-warp .form-group { margin-bottom: 14px; }

.filter-warp .btn { margin-right: 14px; cursor: pointer; }

.c-red { color: red; }

.c-57b { color: #57b3f2; cursor: pointer; margin-right: 5px; }

.form-group { padding-left: 0; padding-right: 0; }

.form-group .form-control-260 { max-width: 240px; width: 240px; }

.form-group .form-control-200 { max-width: 200px; width: 200px; }

.form-group .datapicker-box { display: inline-block; position: relative; }

.form-group .datapicker-box .form-control { position: relative; z-index: 10; background: none; width: 100%; min-width: 100%; }

.form-group .form-control-125 { max-width: 115px; width: 115px; }

.form-group .time-line { display: inline-block; width: 10px; text-align: center; }

.form-group .form-label { margin-right: 8px; display: inline-block; min-width: 60px; text-align: right; }

.form-group .form-label select.form-control { height: 32px; }

.form-group .usual-label { color: #666; font-weight: normal; }

.form-label-120 .form-label { min-width: 120px; }

.form-label-120 .form-label select { max-width: 116px; }

.text-right.control-label { padding-top: 7px; }

.datapicker-gloup { display: inline-block; vertical-align: middle; }

.datapicker-gloup .time-line { line-height: 34px; }

.plum-sign, .plum-sign-right { color: red; font-weight: normal; font-style: normal; }

.plum-sign-right { padding-left: 4px; line-height: 34px; }

.up-file { position: relative; padding-right: 4px; }

.up-file input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.up-file > a.text-line { text-decoration: underline; }

.up-file > a { cursor: pointer; color: blue; padding: 0 4px; }

.line-34 { line-height: 34px; }

.upload-box { display: inline-block; background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; box-sizing: border-box; width: 90px; height: 90px; cursor: pointer; line-height: 90px; text-align: center; vertical-align: top; position: relative; }

.upload-box img { width: 100%; height: 100%; display: block; border: none; }

.upload-box > input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; }

.upload-box .glyphicon { font-weight: normal; font-size: 20px; color: #8c939d; }

.runmi-btn { display: inline-block; height: 30px; line-height: 30px; margin-bottom: 0; font-weight: 400; width: 80px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; background: #fff; transition: all 0.2s ease-in-out; }

.runmi-btn.runmi-default { border: 1px solid #c5c5c5; }

.runmi-primary, .runmi-btn.runmi-primary { height: 30px; width: 80px; line-height: 30px; background: #39a5f0; color: #fff; padding: 0; }

.runmi-primary:hover { color: #fff; }

.runmi-btn.runmi-primary:hover { background: #038eef; }

.runmi-primary.search-btn { background: #f9704d; }

.runmi-primary.search-btn:hover { background: #f05730; }

.runmi-btn.runmi-sure-btn { background: #f9704d; color: #fff; }

.runmi-btn.runmi-sure-btn:hover { background: #f05730; }

.table-warp { padding: 0 20px; margin-bottom: 20px; }

.table-warp th { height: 40px; }

.table-warp th, .table-warp td { text-align: center; padding: 5px 10px; border-bottom: 1px solid #e6e6e6; color: #666; line-height: 20px; }

.table-warp .table-min-50 th { height: 50px; }

.table-warp .table-min-50 td { padding: 12px 0; }

.table-warp table { min-width: 100%; max-height: 500px; table-layout: fixed; }

.table-warp table .btn-rm { width: 70px; cursor: pointer; text-align: center; display: inline-block; height: 26px; line-height: 26px; color: #57b3f2; border: 1px solid #57b3f2; border-radius: 15px; }

.table-warp table .number { text-decoration: underline; color: #57b3f2; cursor: pointer; }

.table-warp table .status-circel { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 4px; }

.table-warp table .z-wsh .status-circel { background: #f9704d; }

.table-warp table .z-ysh .status-circel { background: #1ab4b8; }

.table-warp table .z-ywj .status-circel { background: #cccccc; }

.table-warp table .btn-rm.disabled { border-color: #e8e8e8; background: #e8e8e8; color: #9e9e9e; }

.table-warp .paging-class { padding: 20px 0; }

.form-clean-magin .form-group { margin-left: 0; margin-right: 0; }

.rm-table-btn { color: #57b3f2; cursor: pointer; padding: 0 2px; display: inline-block; }

.rm-table-btn.disabled { color: #9f9f9f; }

.paging-class .paging-btn { display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; border-radius: 4px; border: 1px solid #f0f0f0; color: #666666; margin-left: 10px; }

.paging-class .paging-btn:hover { background: #39a5f0; color: #fff; border-color: #39a5f0; }

.paging-class .active { background: #39a5f0; color: #fff; border-color: #39a5f0; }

.paging-class .paging-btn.paging-disabled { background: #f2f2f2; border-color: #f2f2f2; color: #999; }

.paging-class .num-btn { width: 30px; text-align: center; }

.paging-class .paging-default { padding: 0 10px; }

.x-triangle, .x-triangle-sub { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #e6e6e6; }

/** TODO 查看详情页面 **/
.detail-module { border: 1px solid #ededed; padding: 0 20px; background: #fff; margin-bottom: 20px; }

.detail-module .detail-list { padding: 6px 0; }

.detail-module .detail-list .detail-item { height: 85px; border-bottom: 1px dashed #e6e6e6; }

.detail-module .detail-list .detail-item:last-child { border-bottom: none; }

.detail-module .detail-list .detail-item .detail-des { width: 320px; padding: 10px 0; }

.detail-module .detail-list .detail-item .detail-des .form-group { margin-bottom: 0; }

.detail-module .detail-list .detail-item .top-des div { display: inline-block; vertical-align: middle; line-height: 32px; }

.detail-module .detail-list .detail-item .top-des .title-text { color: #39a5f0; font-size: 16px; }

.detail-module .detail-list .detail-item .top-des .tips-icon { background-position: -80px -255px; width: 18px; height: 18px; margin-left: 14px; position: relative; }

.detail-module .detail-list .detail-item .top-des .tips-icon:hover { z-index: 20; cursor: pointer; }

.detail-module .detail-list .detail-item .top-des .tips-icon:hover .tips-rect { display: block; }

.detail-module .detail-list .detail-item .top-des .tips-icon .tips-rect { width: 270px; padding: 10px; background: #f8f8f8; border-radius: 4px; border: 1px solid #e6e6e6; line-height: 24px; display: none; position: absolute; left: -15px; top: 38px; }

.detail-module .detail-list .detail-item .top-des .tips-icon .tips-rect .x-triangle { position: absolute; left: 15px; top: -20px; }

.detail-module .detail-list .detail-item .top-des .tips-icon .tips-rect .x-triangle .x-triangle-sub { border-width: 8px; position: absolute; left: -8px; top: -6px; border-bottom-color: #f8f8f8; }

.detail-module .detail-list .detail-item .btm-des { line-height: 30px; color: #666666; }

.detail-module .detail-list .detail-item .btm-des.form-group { width: 130px; }

.detail-module .detail-list .detail-item .btm-des.form-group .form-control { height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; }

.detail-btn-warp { padding-top: 26px; }

.icon-btn { height: 30px; padding: 0 12px; min-width: 80px; background: #39a5f0; text-align: center; border-radius: 4px; cursor: pointer; color: #fff; display: inline-block; vertical-align: middle; margin-right: 4px; line-height: 30px; }

.icon-btn .glyphicon { margin-right: 4px; vertical-align: middle; }

.icon-btn:hover { background: #038eef; }

.icon-btn.disabled { background: #e8e8e8; color: #bbbbbb; cursor: no-drop; }

.icon-btn.runmi-sure-btn { background: #f9704d; color: #fff; }

.icon-btn.runmi-sure-btn:hover { background: #f05730; }

.lg-40 { line-height: 40px; padding-left: 10px; font-size: 16px; color: #666; }

.line-tips { color: red; padding-top: 2px; font-size: 12px; }

.runmi-primary:focus, .search-btn:focus { color: #fff; }

.table-scroll { width: 100%; overflow-x: auto; overflow-y: hidden;}

.table-scroll table * { white-space: nowrap; }

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.table-warp table td { word-break: break-all; }

.form-inline .form-group { margin-bottom: 15px; }

.font-18 { font-size: 18px; }

.font-18.glyphicon { vertical-align: middle; cursor: pointer; }

.line-24 { line-height: 24px; padding-top: 4px; border-bottom: 1px solid #e6e6e6; }

.line-title { line-height: 30px; margin-bottom: 10px; }

table .table-form-control { max-width: 100px; height: 28px; line-height: 28px; display: inline-block; padding-top: 0; padding-bottom: 0; }

table.bt-lin21 th { border-top: 1px solid #e6e6e6; }

/**TODO  单行文本 了能会出现两行的**/
.expect-line2.form-group { margin-bottom: 0; }

.expect-line2.form-group .text { width: calc(100% - 134px); display: inline-block; vertical-align: top; line-height: 16px; padding-top: 2px; }

/*TODO 选项卡样式**/
.nav-head .nav-item { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; float: left; height: 40px; line-height: 40px; min-width: 120px; text-align: center; background: #fff; cursor: pointer; }

.nav-head .nav-item:last-child { border-right: 1px solid #e6e6e6; }

.nav-head .nav-item.active { border-top: 2px solid #ad0004; }

.pb-0 { padding-bottom: 0px; }

.pt-0 { padding-top: 0px; }

.pl-0 { padding-left: 0px; }

.pr-0 { padding-right: 0px; }

.mb-0 { margin-bottom: 0px; }

.mt-0 { margin-top: 0px; }

.mr-0 { margin-right: 0px; }

.ml-0 { margin-left: 0px; }

.pb-5 { padding-bottom: 5px; }

.pt-5 { padding-top: 5px; }

.pl-5 { padding-left: 5px; }

.pr-5 { padding-right: 5px; }

.mb-5 { margin-bottom: 5px; }

.mt-5 { margin-top: 5px; }

.mr-5 { margin-right: 5px; }

.ml-5 { margin-left: 5px; }

.pb-6 { padding-bottom: 6px; }

.pt-6 { padding-top: 6px; }

.pl-6 { padding-left: 6px; }

.pr-6 { padding-right: 6px; }

.mb-6 { margin-bottom: 6px; }

.mt-6 { margin-top: 6px; }

.mr-6 { margin-right: 6px; }

.ml-6 { margin-left: 6px; }

.pb-7 { padding-bottom: 7px; }

.pt-7 { padding-top: 7px; }

.pl-7 { padding-left: 7px; }

.pr-7 { padding-right: 7px; }

.mb-7 { margin-bottom: 7px; }

.mt-7 { margin-top: 7px; }

.mr-7 { margin-right: 7px; }

.ml-7 { margin-left: 7px; }

.pb-8 { padding-bottom: 8px; }

.pt-8 { padding-top: 8px; }

.pl-8 { padding-left: 8px; }

.pr-8 { padding-right: 8px; }

.mb-8 { margin-bottom: 8px; }

.mt-8 { margin-top: 8px; }

.mr-8 { margin-right: 8px; }

.ml-8 { margin-left: 8px; }

.pb-9 { padding-bottom: 9px; }

.pt-9 { padding-top: 9px; }

.pl-9 { padding-left: 9px; }

.pr-9 { padding-right: 9px; }

.mb-9 { margin-bottom: 9px; }

.mt-9 { margin-top: 9px; }

.mr-9 { margin-right: 9px; }

.ml-9 { margin-left: 9px; }

.pb-10 { padding-bottom: 10px; }

.pt-10 { padding-top: 10px; }

.pl-10 { padding-left: 10px; }

.pr-10 { padding-right: 10px; }

.mb-10 { margin-bottom: 10px; }

.mt-10 { margin-top: 10px; }

.mr-10 { margin-right: 10px; }

.ml-10 { margin-left: 10px; }

.pb-15 { padding-bottom: 15px; }

.pt-15 { padding-top: 15px; }

.pl-15 { padding-left: 15px; }

.pr-15 { padding-right: 15px; }

.mb-15 { margin-bottom: 15px; }

.mt-15 { margin-top: 15px; }

.mr-15 { margin-right: 15px; }

.ml-15 { margin-left: 15px; }

.pb-20 { padding-bottom: 20px; }

.pt-20 { padding-top: 20px; }

.pl-20 { padding-left: 20px; }

.pr-20 { padding-right: 20px; }

.mb-20 { margin-bottom: 20px; }

.mt-20 { margin-top: 20px; }

.mr-20 { margin-right: 20px; }

.ml-20 { margin-left: 20px; }

/**TODO 产品统计样式**/
.other-btn { color: #ffffff; background: #2D9EF0; border-radius: 4px; height: 36px; line-height: 36px; cursor: pointer; font-size: 16px; text-align: center; width: 120px; }

.rect-sped { width: 90px; height: 90px; border-radius: 4px; text-align: center; line-height: 90px; }

.rect-sped span { display: inline-block; vertical-align: middle; line-height: 20px; }

.overview-module { max-width: 1076px; margin: 0 auto; padding: 25px; font-size: 16px; }

.overview-module .overview-title { line-height: 50px; height: 50px; }

.overview-module .num { color: #2D9EF0; }

.overview-warp { overflow-x: hidden; padding-bottom: 20px; position: relative; margin-top: 40px; }

.overview-warp .right-line { width: 1px; height: 258px; background: #E0E0E0; position: absolute; right: 0; top: 120px; }

.overview-warp .overview-list { padding-bottom: 100px; }

.overview-warp .overview-list li { float: left; width: 90px; position: relative; max-margin-right: 69px; margin-right: calc((100% - 660px)/6); }

.overview-warp .overview-list li:last-child { margin-right: 0; }

.overview-warp .overview-list li .link-text { padding-top: 20px; text-align: center; color: #4A4A4A; line-height: 16px; }

.overview-warp .overview-list .line-cap { width: 100%; height: 1px; position: relative; margin-top: 30px; }

.overview-warp .overview-list .line-cap .line { position: absolute; left: 0; top: 0; height: 1px; background: #E0E0E0; width: 160px; }

.overview-warp .overview-list .line-cap .first-line { left: 50%; }

.overview-warp .overview-list .line-cap .circle-1, .overview-warp .overview-list .line-cap .circle-2 { position: absolute; left: 50%; top: 50%; border-radius: 50%; }

.overview-warp .overview-list .line-cap .circle-1 { width: 14px; height: 14px; border: 1px solid transparent; margin-left: -7px; margin-top: -7px; background: #fff; }

.overview-warp .overview-list .line-cap .circle-2 { width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; }

.overview-warp .overview-list .num { color: #2D9EF0; }

.c-6666dc { color: #6666dc; }

.c-6666dc .circle-2 { background: #6666dc; }

.c-6666dc .circle-1 { border-color: #6666dc; }

.c-f89181 { color: #f89181; }

.c-f89181 .circle-2 { background: #f89181; }

.c-f89181 .circle-1 { border-color: #f89181; }

.c-05a8f1 { color: #05a8f1; }

.c-05a8f1 .circle-2 { background: #05a8f1; }

.c-05a8f1 .circle-1 { border-color: #05a8f1; }

.c-3ac345 { color: #3ac345; }

.c-3ac345 .circle-2 { background: #3ac345; }

.c-3ac345 .circle-1 { border-color: #3ac345; }

.bc-e2e2fc .rect-sped { background: #e2e2fc; }

.bc-fde5e1 .rect-sped { background: #fde5e1; }

.bc-e1f5fd .rect-sped { background: #e1f5fd; }

.bc-e3f6e4 .rect-sped { background: #e3f6e4; }

/**产品进度**/
.overview-module-2 { padding: 50px 20px; }

.overview-module-2 .overview-warp-2 { max-width: 1096px; height: 170px; margin: 0 auto; padding: 0 62px 0 62px; position: relative; }

.overview-module-2 .overview-warp-2 .flip { position: absolute; top: 50%; margin-top: -36px; width: 42px; height: 72px; background: #efefef; cursor: pointer; line-height: 72px; text-align: center; birder-radius: 4px; }

.overview-module-2 .overview-warp-2 .flip .glyphicon { font-size: 22px; color: #c1c1c1; vertical-align: middle; }

.overview-module-2 .overview-warp-2 .prev-btn { left: 0; }

.overview-module-2 .overview-warp-2 .next-btn { right: 0; }

.overview-module-2 .overview-list { height: 100%; line-height: 170px; }

.overview-module-2 .overview-list li { float: left; height: 100%; text-align: right; max-margin-right: 22px; margin-right: calc((100% - 836px)/6); }

.overview-module-2 .overview-list li .rect-sped { display: inline-block; vertical-align: middle; overflow: hidden; transition: all 0.2s ease-in; }

.overview-module-2 .overview-list li .rect-sped .rect-spedinset { display: inline-block; vertical-align: middle; line-height: 20px; }

.overview-module-2 .overview-list li .rect-sped .icon-font { display: block; margin: 0 auto; margin-bottom: 4px; }

.overview-module-2 .overview-list li .rect-sped .time { font-size: 12px; }

.overview-module-2 .overview-list li .rect-sped .name { line-height: 18px; }

.overview-module-2 .overview-list li:last-child { margin-right: 0; }

.overview-module-2 .overview-list .item-1 .rect-sped { width: 90px; height: 90px; }

.overview-module-2 .overview-list .item-1 .rect-sped .icon-font { font-size: 22px; line-height: 22px; }

.overview-module-2 .overview-list .item-2 .rect-sped { width: 108px; height: 108px; line-height: 108px; }

.overview-module-2 .overview-list .item-2 .rect-sped .icon-font { font-size: 30px; line-height: 30px; }

.overview-module-2 .overview-list .item-3 .rect-sped { width: 135px; height: 135px; line-height: 135px; }

.overview-module-2 .overview-list .item-3 .rect-sped .icon-font { font-size: 35px; line-height: 35px; }

.overview-module-2 .overview-list .item-4 .rect-sped { width: 170px; height: 170px; line-height: 170px; }

.overview-module-2 .overview-list .item-4 .rect-sped .icon-font { font-size: 40px; line-height: 40px; }

.overview-module-2 .overview-list li.start .rect-sped { width: 0; height: 0; }

table tr.active { background: #f0fafe; }

table td, table th { padding-left: 10px; padding-right: 10px; }

.col-4line .col-xs-4.form-group .form-control, .col-4line .col-xs-4.form-group .datapicker-box { max-width: 190px; width: 190px; }

/** TODO   字体 **/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?z2zuge"); src: url("../fonts/icomoon.eot?z2zuge#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?z2zuge") format("truetype"), url("../fonts/icomoon.woff?z2zuge") format("woff"), url("../fonts/icomoon.svg?z2zuge#icomoon") format("svg"); font-weight: normal; font-style: normal; }

.overview-warp-2 [class^="icon-"], .overview-warp-2 [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-gouzi:before { content: "\e900"; }

.icon-circel:before { content: "\e901"; }
